// miniprogram/pages/upload_goods/upload_goods.js
const db=wx.cloud.database()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    show:false,
    fileList: [],//上传文件临时存储数组
    folder:'test',//云存储中文件上传目标文件夹
    temUrlArr:[],//需要预览的图片http链接列表（云存储中fileID）
    tempImg: [],
    fileIDs: [],
    result: ['a'],
    box_result: ['c', 'd'],
    name:"",
    size:"",
    material:"",
    ad:"",
    box_name:"",
    box_size:"",
    box_material:"",
    box_ad:"",
    goods_show:false,
    data:""
  },
  
  // switchChose:function(e){
  //   let id=e.target.dataset.id;
  //   let that=this;
  //   that.setData({
  //     data:id
  //   })

  // },

  on_clothesshow:function(e){
    let id=e.target.dataset.id;
    this.setData({
      show:true,
      data:id
    })
    console.log(e.target.dataset.id)
    console.log(this.data.data)

  },
  on_boxshow:function(e){
    let id=e.target.dataset.id
    this.setData({
      goods_show:true,
      data:id
    })
    console.log(e.target.dataset.id)
    console.log(this.data.data)

  },
  onClose:function(){
    this.setData({
      show:false,
      goods_show:false
    })
  },
  onChange(event) {
    this.setData({
      result: event.detail
    
    });
    console.log("result值为："+event.detail)
  },
  box_onChange(event){
    this.setData({
      box_result:event.detail
    })
    console.log("box_result"+event.detail)
  },

  
  afterRead(event) {
    
    const  file  = event.detail.file;
    this.data.fileList.unshift(file);
    // 获取更新图片临时存数组中的数据
    var files=this.data.fileList;
    var path=this.data.folder+'/'+this.data.name+Math.random().toString();
    this.setData({
      fileList:files,
      path
    })

  },

    // 上传图片
    uploadToCloud:function(event){
      var a="a"
      var b="b"
      var c="c"
      var d="d"
      var f="1"
      var g="0"
     
      console.log('复选框的值为：'+this.data.result)
      
      wx.cloud.init();
      // const { fileList } = this.data;
      // 设置文件存储格式
      // var path=this.data.folder+'/'+this.data.name+Math.random().toString();
      // this.setData({
      //   path
      // })
  
      if (!this.data.fileList) {
        wx.showToast({ title: '请选择图片', icon: 'none' });return
      } else {
        // 获取图片临时存数组中的数据
        var fileList=this.data.fileList;
        // console.log('图片'+fileList)
        const uploadTasks = fileList.map((file, index) => this.uploadFilePromise(`my-photo${index}.png`, file));
        Promise.all(uploadTasks)
          .then(data => {
            // wx.showToast({ title: '上传成功', icon: 'none' });
             const newFileList = data.map(item => ({ url: item.fileID }));
           
            // console.log('fileList'+fileList)
            // console.log('temUrlArr'+newFileList)
            

            this.setData({ 
              temUrlArr: newFileList , 
              fileList: [],
              
            });
            if(this.data.data==f){
              console.log('我已进入1的世界')
              if(event.detail.value.box_name!==""&&event.detail.value.box_size!==""&&event.detail.value.box_material!==""){
              console.log('已经进入安全区')
              if(this.data.box_result==c){
                
                    db.collection('paperbox').add({
                    data: {
                      name:event.detail.value.box_name,
                      size:event.detail.value.box_size, //只有当所有的图片都上传完毕后，这个值才能被设置，但是上传文件是一个异步的操作，你不知道他们什么时候把fileid返回，所以就得用promise.all
                      material:event.detail.value.box_material,
                      ad:event.detail.value.box_ad,
                      // value:this.data.value,
                      src: this.data.temUrlArr,
                      
                    }
                })
                  .then(res => {
                    console.log(res)
                    wx.hideLoading()
                    wx.showToast({
                      title: '提交成功',
                    })
                    this.setData({
                      goods_show:false
                    })
                  })
                  .catch(error => {
                    console.log(error)
                })  
              }
              if(this.data.box_result==d){
                db.collection('plasticbox').add({
                data: {
                  name:event.detail.value.box_name,
                  size:event.detail.value.box_size, //只有当所有的图片都上传完毕后，这个值才能被设置，但是上传文件是一个异步的操作，你不知道他们什么时候把fileid返回，所以就得用promise.all
                  material:event.detail.value.box_material,
                  ad:event.detail.value.box_ad,
                  
                  src: this.data.temUrlArr,
                  
                }
            })
              .then(res => {
                console.log(res)
                wx.hideLoading()
                wx.showToast({
                  title: '提交成功',
                })
                this.setData({
                  goods_show:false
                })
              })
              .catch(error => {
                console.log(error)
            })  
          }
             
          }else{
            wx.showToast({
              title: '请填写完整信息',
            })
          }
        }

        if(this.data.data==g){
          console.log('我已进入0的世界')
          if(event.detail.value.name!==""&&event.detail.value.size!==""&&event.detail.value.material!==""){
              console.log('已经进入安全区')
              if(this.data.result==a){
                
                    db.collection('exchangeNV').add({
                    data: {
                      name:event.detail.value.name,
                      size:event.detail.value.size, //只有当所有的图片都上传完毕后，这个值才能被设置，但是上传文件是一个异步的操作，你不知道他们什么时候把fileid返回，所以就得用promise.all
                      material:event.detail.value.material,
                      ad:event.detail.value.ad,
                      // value:this.data.value,
                      src: this.data.temUrlArr,
                      
                    }
                })
                  .then(res => {
                    console.log(res)
                    wx.hideLoading()
                    wx.showToast({
                      title: '提交成功',
                    })
                    this.setData({
                      show:false
                    })
                  })
                  .catch(error => {
                    console.log(error)
                })  
              }
              if(this.data.result==b){
                db.collection('exchangeNan').add({
                data: {
                  name:event.detail.value.name,
                  size:event.detail.value.size, //只有当所有的图片都上传完毕后，这个值才能被设置，但是上传文件是一个异步的操作，你不知道他们什么时候把fileid返回，所以就得用promise.all
                  material:event.detail.value.material,
                  ad:event.detail.value.ad,
                
                  src: this.data.temUrlArr,
                  
                }
            })
              .then(res => {
                console.log(res)
                wx.hideLoading()
                wx.showToast({
                  title: '提交成功',
                })
                this.setData({
                  show:false
                })
              })
              .catch(error => {
                console.log(error)
            })  
          }
             
          }else{
            wx.showToast({
              title: '请填写完整信息',
            })
          }
        }
            
            
        
          }).catch(e => {
            wx.showToast({ title: '上传失败', icon: 'none' });
            console.log(e);
          });
      }
    },

    uploadFilePromise(fileName, chooseResult) {
      return wx.cloud.uploadFile({
        cloudPath: this.data.path+fileName,
        filePath: chooseResult.path
      });
    },
  
    delUploaderImg:function(e){
      var newfile =this.data.fileList
      newfile.shift();
      this.setData({
        fileList:newfile
      })
    },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})